<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<%
	String ctx = request.getContextPath();
%>

<html>
	<head>
		<title>Main Page</title>
		<jsp:include page="/pages/common/include.jsp"></jsp:include>
		<link rel="stylesheet" type="text/css" href="<%=ctx %>/resources/style/ws_menu.css" />
		
		<script type="text/javascript">
			$(document).ready(function() {
				$("#mimMenuDiv").accordion({
					fit: false,
					animate:false,
					border: false,
					borderWidth: 0
				});
				var panels = $("#mimMenuDiv").accordion("panels");
				$.each(panels, function(i, pp) {
					pp.panel("header").find(".accordion-collapse").bind("click", function(e) {
						pp.panel("body").find(".mim_menu_container").hide();
						if (pp.panel("options").collapsed == false){
							pp.panel("body").find(".mim_menu_container").fadeIn(300);
							pp.panel("expand", false);
						} else {
							pp.panel("collapse", false);
						}
						return false;
					});
				}); 
				
				$(".mim_menu_container>ul.mim_menu_list li a").click(function() {
					if ($(this).parent("li").attr("class") != "active") {
						$(".mim_menu_container>ul.mim_menu_list li").removeClass("active");
						$(this).parent("li").addClass("active");
						$("#contentDiv").siblings(".panel-header").children(".panel-title").html($(this).attr("title"));
					}
					$("#contentFrame").attr("src", $(this).attr("href"));
					return false;
				});
				$(".mim_menu_container>ul.mim_menu_list li.active a").trigger("click");
			});
		</script>
	</head>

	<body class="easyui-layout">
		<div data-options="region:'north', height:250" class="main_header" style="height:50px;">
			<div class="ws_title" style="line-height: 48px;">个人信息管理系统</div>
		</div>
		<div data-options="region:'south'" class="main_footer" style="height:30px">
			<div class="ws_title" style="line-height: 25px">个人信息管理系统</div>
		</div>
		
		<div data-options="region:'west'" title="--请选择菜单--" style="width:200px;">
			<div id="mimMenuDiv">
				<div title="前端技术">
					<div class="mim_menu_container">
						<ul class="mim_menu_list">
							<li class="active"><a href="<%=request.getContextPath() %>/pages/front/js_study.jsp">JS学习</a></li>
							<li><a href="<%=ctx %>/system/dataDic!manage.do" title="数据字典管理">数据字典管理</a></li>
							<li><a href="<%=ctx %>/system/cache.do" title="缓存管理">缓存管理</a></li>
							<li><a href="#" title="修改密码">修改密码</a></li>
						</ul>
					</div>
				</div>
				<div title="个人事务管理">
					<div class="mim_menu_container">
						<ul class="mim_menu_list">
							<li><a href="#" title="时间管理">时间管理</a></li>
							<li><a href="#" title="读书计划管理">读书计划</a></li>
							<li><a href="#" title="通讯录管理">通讯录管理</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<div id="contentDiv" data-options="region:'center', title: '首页'" style="overflow: hidden;">
			<iframe id="contentFrame" 
				scrolling="auto" 
				height="100%" 
				width="100%" 
				frameborder="0"
				>
			</iframe>
		</div>
	</body>
</html>
